layui.use(['table','jquery',"layer"], function(){
  var table = layui.table;
  var layer=layui.layer;
  var $=layui.jquery;
	
  // 开始查询接口信息
  var lastname=localStorage.getItem("key");
  $.ajax({
  	method:"GET",
  	url:"/my/article/cates",
  	success: function(result){
		// 查询里面信息成功
		console.log(result);
		// 创建一个tr	
		result.data.forEach(function(item){
			var tr=`
			// <tr>	
				<input type="hidden" value="${item.Id}"/>
				<td>${item.name}</td>
				<td>${item.alias}</td>
				<td>			
				    <button type="button" class="layui-btn layui-btn-xs btnEdit btns1" >编辑</button>
					<button type="button" class="layui-btn layui-btn-xs layui-btn-danger btns2">删除</button>		      
				</td>			
			</tr>
			`
			// 添加到tbody里面
			$(".tbody").append(tr);					
		})												
  	}				
  });
	   // 添加事件
	   $(".btn1").click(function(){
			layer.open({
			  type: 2, 
			  area: ['550px', '320px'],
			  content: '添加页面.html'	  
			});     	
	   })
	   // 删除事件
	   $(document).on("click",".btns2",function(){
	   			// 获取id的值
				let id=parseInt($(this).parent().parent().find(":first").val());
				var lastname=localStorage.getItem("key");
				console.log(isNaN(id));			
				$.ajax({
					method:"GET",
					url:"/my/article/deletecate/"+id,	
					data:{"id":id},																		
					success: function(result){
						// 查询里面信息成功
						console.log(result);																															
					}				
				});
				var that=$(this);
				layer.msg("删除成功",function(){				
					that.parent().parent().remove();
				})				
	   })		
		// 修改事件
		$(document).on("click",".btns1",function(){	
					// 获取id
					let id=$(this).parent().parent().find(":first").val();								
					layer.open({
					  type: 2, 
					  area: ['550px', '320px'],
					  content: '修改界面.html?id='+id  
					});  					
		})
		
		
});